<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        <div>
            <!-- label  扩大响应区域 -->
            <label for="user" >文本框</label>
            <input id="user"type="text">
        </div>
        <div>
            <label >密码</label>
            <input type="password">
        </div>
        <span>
            <!-- 单选框 -->
            <label for="nan">性别</label>
            <input name="sda"  type="radio" id="nan">  <label for="nan">男</label>
            <input name ="sda" type="radio">女
        </span>
        <!-- 多选框 -->

        <div>
            <label>多选框 </label>
            <input value="0" type="checkbox">🍉
         <input value="1" type="checkbox">🍎
         <input value="2" type="checkbox">🍒
        </div>

        <!-- 文本框 -->
         <div>
            <textarea   placeholder="请输入文本框" id=""></textarea>
         </div>
       
         <!-- button  默认类型是submit -->

        <div>
            <button type="submit">登录</button>
            <button type="reset">重置</button>
        </div>
    </form>
</body>
</html>